<html>
<head>
<meta charset="UTF-8"/>
<title>万有引力模拟天体运行 - canvas绘图</title>
<meta name="keywords" content="canvas,万有引力,天体运行,模拟"/>
<meta name="description" content="使用canvas绘图模拟万有引力，可以自定义参数，发现天体运行奥秘。"/>
<link href="gravity_sim.css" rel="stylesheet" position="1">
</head>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script src="stats.min.js"></script>
<body>
<!--参数设置-->
<div style="position:absolute;width: 100%;">
<form action="" method="GET">
<label>每次刷屏计算次数:<input type="input" name="calcTimes" id="calcTimes" value="400" title="每40ms绘图一次,每次绘图所有天体update次数,越大天体运动越快,cpu越繁忙,取决于cpu性能"/></label>
<label>天体数量:<input type="input" name="maxParticles" id="maxParticles" value="10"/></label>
<label>+中心天体:<input type="input" name="enableCenter" id="enableCenter" value="1" title="1或0//是否启用中心大质量天体"/></label>
<label>中心天体质量:<input type="input" name="centerMass" id="centerMass" value="15000"/></label>
<label>其他天体质量:<input type="input" name="orbMinMass" id="orbMinMass" value="5"/>~<input type="input" name="orbMaxMass" id="orbMaxMass" value="100"/></label>
<label>天体初始速度:<input type="input" name="orbMaxVelo" id="orbMaxVelo" value="0.005" title="最大初始速度,太大会飞出屏幕,难以俘获,体验不好;如果=0,基本是面向中心天体自由落体加速;建议0.01"/></label>
<label>排列:<select name="arrangeType" id="arrangeType"><option value="1" >随机</option><option value="2" >圆形</option></select></label>
<input type="submit" value="yes" class="btn">
<a href="index.html"><button type="button">重置</button></a>
</form>
<span style="float: right;position: absolute;right: 10;top:0;">Zoom: <button id="zoom_down">-</button><input id="zoom" value="1.0" readonly/><button id="zoom_up">+</button></span>
<!-- <a href="https://github.com/uxff/gravity_sim" target="_blank" style="color:white">https://github.com/uxff/gravity_sim</a> -->
<!-- <br/><br/> -->
<table frame="void" style="padding: 0px;float:right;position: absolute;right: 10;">
    <tr style="height: 6px;"><td></td><td><button id="move_up" style="transform: rotate(90deg);">&lt;</button></td><td></td></tr>
    <tr style="height: 6px;"><td><button id="move_left">&lt;</button></td><td><button id="move_reset">o</button></td><td><button id="move_right">&gt;</button></td></tr>
    <tr style="height: 6px;"><td></td><td><button id="move_down" style="transform: rotate(90deg);">&gt;</button></td><td></td></tr>
</table>
<button id="stop_update" style="width: 15px;padding: 0px;">■</button>
<button id="show_list" alt="show particles list">i</button>
<button id="clear_msg" alt="clear message pannel"><s>i</s></button>
<!--
<button id="mv_left">&lt;</button><input id="mv_left_val" value="1.0" readonly/><button id="mv_right">&gt;</button><br/>
<button id="mv_up" style="-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);">&lt;</button><input id="mv_up_val" value="1.0" readonly/><button id="mv_down" style="-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);">&gt;</button><br/>
-->
当前天体数量:<span id="livedOrbCount">0</span>
中心天体质量:<span id="centerMassShow">0</span>
cps:<span id="cps" title="每秒计算次数">0</span>
<br/>
<div id="logpannel"></div>
</div>
<div id="statspannel" style="padding: 0px;position: absolute;bottom: 1;"></div>
<canvas id='canvas-club'></canvas>
<script src="acc.js"></script>
<script src="bomb.js"></script>
<script src="orb.js"></script>
<script src="urlsearch.js"></script>
<script src="gravity_sim.js"></script>
